<template>
	<view class="page">
		<view class="row">
			<text class="label">语速</text>
			<slider class="slider" :value="rate" min="0" max="100" @change="e=>rate=e.detail.value" />
		</view>
		<view class="row">
			<text class="label">音量</text>
			<slider class="slider" :value="volume" min="0" max="100" @change="e=>volume=e.detail.value" />
		</view>
		<button class="save" @tap="save">保存</button>
	</view>
</template>

<script>
export default{
	data(){return{rate:60,volume:80}},
	methods:{
		save(){ uni.showToast({ title:'已保存（演示）', icon:'none' }) }
	}
}
</script>

<style scoped>
.page{min-height:100vh;background:#fff;padding:24rpx}
.row{display:flex;align-items:center;gap:12rpx;margin-bottom:12rpx}
.label{width:120rpx;font-size:30rpx;color:#333}
.slider{flex:1}
.save{background:#1677ff;color:#fff;margin-top:12rpx}
</style>

